<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>宫</title>
		<link rel="stylesheet" href="css/style.css" type="text/css">
		<script src="js/axios.min.js"></script>
		<script src="js/vue.min.js"></script>
	</head>
	<body>
		<div id="app">
			<div class="select-date">公历：
				<input class="datetime-input" v-model="summary.datetime" type="datetime-local" />
				性别：<select class="gender-selector" v-model="summary.gender" id="gender">
					<option value="男">男</option>
					<option value="女">女</option>
				</select>
				<div class="arrange-button" @click="arrange">排盘</div>
			</div>

			<div class="container">
				<div class="center-box">
					公历：{{summary.datetime}}
					<br>
					农历：{{summary.calendar}} {{summary.type}}{{summary.gender}}
					<br>
					属相：{{summary.zodiac}}
					<br>
					四柱：{{summary.year}} {{summary.month}} {{summary.day}} {{summary.hour}}
				</div>
				<div id="5" class="small-box">
					<div class="small-box-column small-box-column-star">
						<div index="0" class="small-box-star"></div>
						<div index="1" class="small-box-star"></div>
						<div index="2" class="small-box-star"></div>
						<div index="3" class="small-box-star"></div>
						<div index="4" class="small-box-star"></div>
						<div index="5" class="small-box-star"></div>
						<div index="6" class="small-box-star"></div>
						<div index="7" class="small-box-star"></div>
						<div index="8" class="small-box-star"></div>
						<div index="9" class="small-box-star"></div>
						<div index="10" class="small-box-star"></div>
						<div index="11" class="small-box-star"></div>
					</div>
					<div class="small-box-column"></div>
					<div class="small-box-column"></div>
				</div>
				<div id="6" class="small-box"></div>
				<div id="7" class="small-box"></div>
				<div id="8" class="small-box"></div>
				<div id="4" class="small-box"></div>
				<div id="9" class="small-box"></div>
				<div id="3" class="small-box"></div>
				<div id="10" class="small-box"></div>
				<div id="2" class="small-box"></div>
				<div id="1" class="small-box"></div>
				<div id="0" class="small-box"></div>
				<div id="11" class="small-box"></div>
			</div>
		</div>
		<script src="js/app.js"></script>
	</body>
</html>